<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>技能提升行动</title>
	<link rel="stylesheet" href="../styles/css/common.css">
</head>

<body class="brhd">
	<!-- 公共顶部 -->
	<script src="http://rsj.beijing.gov.cn/header.js"></script>
	<!-- <include src="./include/top.html"></include> -->
	<!-- 头部 -->
	<div class="job_header" style="margin-bottom:0">
		<div class="job_header_con clearfix">
			<a href="../index.html" class="left">
				<img src="../styles/images/logo.png" alt="">
			</a>
		</div>
	</div>
	<!-- 头部背景图 -->
	<img src="../styles/images/brhd/titleimg.png" alt="" class="titleimg">
	<!-- 5大板块描述 -->
	<include src="../include/brhdNav.art" data="{nav:'09'}"></include>
	<!-- 支持政策信息 -->
	<div class="advert_box">
		<!-- 详情项 tab-->
		<div class="top_box">
			<!-- 第一页 -->
			<div class="ky_box show">
				<a class="xx_item demo_img" resid="7400019" href="http://rsj.beijing.gov.cn/xxgk/tzgg/202002/t20200220_1663089.html" target="blank">
					<p>《关于发布疫情防控期间北京市首批免费技能培训线上教学资源的通知》</p>
				</a>
				<a class="xx_item demo_img" resid="7400019" href="http://rsj.beijing.gov.cn/xxgk/tzgg/202002/t20200228_1672825.html" target="blank">
					<p>《关于发布疫情防控期间北京市第二批免费技能培训在线教学资源的通知》</p>
				</a>
				<a class="xx_item demo_img" resid="7400019" href="http://fuwu.rsj.beijing.gov.cn/jycy/jycs/jntsxd.html" target="blank">
					<p>技能提升行动 </p>
				</a>
			</div>
		</div>
		<!-- 页码 -->
		<div class="bot_pag">
			<div class="pag_ul clearfix">
				<span class="pag_li J_prev left" style="margin-right: 10px; border: 1px solid #FF9900;">上一页
				</span>
				<!-- pag_col 选中样式 -->
				<div class="left">
					<span class="nums left J_num pag_col" style="border: 1px solid #FF9900;">1</span>
				</div>
				<span class="pag_li J_next left" style="margin-left: 10px;border: 1px solid #FF9900;">下一页</span>
			</div>
		</div>
	</div>
	<!-- 公共尾部 -->
	<script src="http://rsj.beijing.gov.cn/footer.js"></script>
</body>
<script src="../common/vendor.js"></script>
<script src="../common/common.js"></script>
<script src="../common/md5_32.js"></script>
<script src="../common/configuration.js"></script>
<script src="../common/generaltools.js"></script>
<script>
	$(function () {
		// 文本信息添加title属性
		$('.xx_item').hover(function () {
			var _p = $(this).find('p');
			$(this).attr('title', _p.text())
		})
		// 静态点击分页
		$(document).on('click', '.J_num', function () {
			var _parent = $(this).parents('.advert_box');
			var _num = $(this).index();
			page_fn(_parent, _num)
		})
		// 上一页
		$(document).on('click', '.J_prev', function () {
			var _parent = $(this).parents('.advert_box');
			var _$num = _parent.find('.J_num');
			_$num.each(function (k, v) {
				if ($(v).hasClass('pag_col')) {
					if (k != 0) {
						k--;
						page_fn(_parent, k)
						return false;
					}
				}
			})
		})
		// 下一页
		$(document).on('click', '.J_next', function () {
			var _parent = $(this).parents('.advert_box');
			var _$num = _parent.find('.J_num');
			_$num.each(function (k, v) {
				if ($(v).hasClass('pag_col')) {
					if (k != _$num.length - 1) {
						k++;
						page_fn(_parent, k)
						return false;
					}
				}
			})
		})

		function page_fn(_parent, _num) {
			var _$num = _parent.find('.J_num');
			var _$kyBox = _parent.find('.ky_box');
			_$num.removeClass('pag_col');
			_$num.eq(_num).addClass('pag_col');
			_$kyBox.eq(_num).show().siblings().hide();
		}

		// 点击记录
		$(document).on('click', '.demo_img', function () {
			var _resid = $(this).attr('resid');
			viewNum($(this).attr('resid'));
		})
	});

</script>

</html>
